<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="ename" class="layui-form-label">
                    姓名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="ename" name="ename" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>请填入真实姓名
                </div>
            </div>
            <div class="layui-form-item">
                <label for="account" class="layui-form-label">
                    账号
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="account" name="account" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>将会成为您唯一的登入名
                </div>
            </div>

            <div class="layui-form-item">
                <label for="tel" class="layui-form-label">
                    手机号
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="tel" name="tel" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
<!--            <div class="layui-form-item">-->
<!--                <label class="layui-form-label">性别</label>-->
<!--                <div class="layui-input-block">-->
<!--                    <input type="radio" name="gender" value="1" title="男" checked="">-->
<!--                    <input type="radio" name="gender" value="2" title="女">-->
<!--                </div>-->
<!--            </div>-->
            <div class="layui-form-item">
                <label class="layui-form-label">部门</label>
                <div class="layui-input-block">
                    <!--                    <input type="radio" name="deptId" value="1" th:title="管理部" checked="">-->
                    <input  type="radio" name="deptId" th:value="${depts.deptId}" th:each="depts:${session.dept}"
                           th:title="${depts.dname}"/>
                </div>

            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色</label>
                <div class="layui-input-block">
                    <!--                    <input type="radio" name="deptId" value="1" th:title="管理部" checked="">-->
                    <select name="job">
                        <option th:each="types:${session.type}" th:value="${types.empTypeId}" th:text="${types.typeName}"/>
                    </select>
<!--                    <input th:value="${depts.empTypeId}" th:each="depts:${session.type}"-->
<!--                           th:title="${depts.typeName}"/>-->
                </div>

            </div>
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">
                    密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_pass" name="pass" required="" lay-verify="pass"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span> 6到16个字符
                </div>
            </div>
            <div class="layui-form-item">
                <label for="password" class="layui-form-label">
                    确认密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="password" name="password" required="" lay-verify="repass"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>两次密码要一致
                </div>
            </div>
            <div class="layui-form-item">
                <label for="password" class="layui-form-label">
                </label>
                <button class="layui-btn" lay-filter="add" lay-submit="">
                    增加
                </button>
            </div>
        </form>
    </div>
</div>
<script src="../js/common/ajaxcommon.js"></script>
<script>layui.use(['form', 'layer'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;

        //自定义验证规则
        form.verify({
            nikename: function (value) {
                if (value.length < 5) {
                    return '昵称至少得5个字符啊';
                }
            },
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            repass: function (value) {
                if ($('#L_pass').val() != $('#password').val()) {
                    return '两次密码不一致';
                }
            }
        });

        //监听提交
        form.on('submit(add)',
            function (data) {
                $.ajax({
                    url:"emp/insert",
                    data:{
                        ename: data.field.ename,
                        account: data.field.account,
                        tel: data.field.tel,
                        password: data.field.password,
                        deptId:data.field.deptId,
                        job: data.field.job,
                        status: 1
                    },
                    success:function (data) {
                        // alert("ss")
                        if (data) {
                            //发异步，把数据提交给php
                            layer.alert("增加成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            //发异步，把数据提交给php
                            layer.alert(data.msg, {
                                    icon: 2
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();
                                });
                        }
                    }
                }),
                // alert(data)
                console.log(data);

                // requestAjax("emp/insert",
                //     {
                //         ename: data.field.ename,
                //         account: data.field.account,
                //         tel: data.field.tel,
                //         password: data.field.password,
                //         deptId:data.field.deptId,
                //         job: data.field.job,
                //         status: 1
                //     },
                //     function (data) {
                //         if (data) {
                //             //发异步，把数据提交给php
                //             layer.alert("增加成功", {
                //                     icon: 6
                //                 },
                //                 function () {
                //                     //关闭当前frame
                //                     xadmin.close();
                //                     // 可以对父窗口进行刷新
                //                     xadmin.father_reload();
                //                 });
                //         } else {
                //             //发异步，把数据提交给php
                //             layer.alert(data.msg, {
                //                     icon: 2
                //                 },
                //                 function () {
                //                     //关闭当前frame
                //                     xadmin.close();
                //                 });
                //         }
                //
                //
                //         console.log(data)
                //     });

                return false;
            });

    });
</script>

</body>

</html>
